<!DOCTYPE html>
<html>
    <head>
        <!-- 当前文档的字符集编码为utf-8 -->
        <meta charset="utf-8">
        <meta name="author" content="disenQF" >
        <meta name="keywords" content="CGI开发 H5模板 千锋教育 西安物联网">
        <title>HTML5模板-js相关函数</title>
        <!-- 引入外联样式文件 -->
        <link rel="stylesheet" href="/css/my.css">
        <style>
        </style>
    </head>
    <body>
        <div id="ret">0</div>
       <script>
           // Math.random() 函数 
           console.log( Math.ceil(1.5));  // 上行取整，比指定的数大的最小整数
           console.log( Math.floor(1.5));  // 下行取整，比指定的数小的最大整数
           console.log( Math.abs(-100),  Math.sqrt(16), Math.pow(2, 3))

           // 定时器函数
           let n = 1;
           // setInterval() 返回是定时器的ID
           let intervalID = setInterval(function(){
                if ( n == 60){
                    // 停止定时器
                    clearInterval(intervalID);
                }
                ret.innerText = n++;
           },  1000);  // 1000(ms)间隔 执行 handler 

           // 延迟器函数
           setTimeout(function(){
              clearInterval(intervalID);
           }, 3000); // 延迟3000ms停止定时器

            // 正则表达式 new RegExp(),  /正则表达式/
            let x = "abc123";
            // [abc] 只匹配abc三个字符中的任意一个
            // [a-z] 匹配a~z区间的任意一个字符
            // [0-9] 匹配任意一个数字
            // + 量词，表示至少1,   即1或多个
            // * 量词，表示至少0个， 即0或多个
            // ? 量词，表示0或1个
            // {n} 量词 表示有n个
            // {n,} 量词，表示至少n个
            // {n, m} 量词，表示至少n个，最多m个
            // \w  匹配字母、数字以及下划线的字符
            // \d  匹配数字
            // \D  非数字
            // \W  非\w
            // \s  匹配空白
            // \S  非空白
            // [\u4e00-\u9fa5]  匹配汉字的范围
            if( ! /[\u4e00-\u9fa5]{2,}/.test(x) ) {
                console.log('---error---');
            }   
            let x2 = "disen";
            if(/\s+/.test(x2)){
                console.log('---内容中包含的空白---');
            }
       </script>
    </body>
</html>
